<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
    <style></style>
</head>
<body>
<!--1.行内写法:写在对应的html元素上
 onclick=""给元素绑定一个点击事件,点击元素时执行""里的代码
 console.log(666) 向浏览器控制台输出数字666
 alert(888) 弹窗,显示数字888-->
<button onclick="console.log(666)">点击即玩</button>
<button onclick="alert('请先登录')">点击即玩2</button>
<div id="d1"></div>

<!--2.内部样式,在body结束前加script标签,在标签里写JS代码-->
<script>
    console.log('我想看看执行了没!');
    console.log(d1);
</script>

<!--3.外部写法:在script标签的src属性引入外部JS文件
    若此标签用于引入外部JS文件,则标签中间的JS不执行-->
<script src="01.js">
    console.log('你看我执行吗?');
</script>

</body>
</html>